<template>
      <div class="date-picker">
        <input type="datetime-local" v-bind="$attrs"/>
      </div>
      <!-- <select>
        <option value="1">Yesterday</option>
        <option value="2">Today</option>
        <option value="3">Tomorrow</option>
      </select> -->
    <!-- <li @click="add(counter)">{{propmsg}} {{counter}}</li> -->
</template>

<script lang="ts">
import { Vue, Options, Prop } from 'vue-property-decorator';
@Options({ components: {} })
export default class TodoItem extends Vue {
  inheritAttrs  = false;
  @Prop() public propmsg!: number ;
  public counter: number = this.propmsg;

  public add(counter: number) {
    console.log(counter);
  }
  public created() {
    console.log('$attrs', this.$attrs);
  }
}
</script>

<style lang="postcss">

</style>
